<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>案例独角兽</title>
    <!-- 注释css引入部分 -->
    <!--引入重置样式表 -->
    <link rel="stylesheet" href="../css/reset.css">
    <!-- 引入常态化样式 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 引入常态样式 -->
    <link rel="stylesheet" href="../css/customer.css">
</head>

<body>
    <!-- 注释:头部导航部分 -->
    <header>
        <div class="header-nav flex-c-sb abs">
            <div class="nav-banner"></div>
            <div class="nav-a">
                <span>
                    <a href="../html/idenx.html">首页</a>
                </span>
                <span>
                    <a href="../html/api.html">Apl</a>
                </span>
                <span>
                    <a href="#"> 云服务</a>
                </span>
                <span class="active">
                    <a href="../html/customer.html"> 案例</a>
                </span>
                <span>
                    <a href="#"> 开发者</a>
                </span>
            </div>
            <div class="nav-btn">
                <span id="btn1">
                    <a href="../html/login.html" class="ta">登录</a>
                </span>
                <span id="btn2">
                    <a href="#" class="ta"> 注册有礼</a>
                </span>
            </div>
        </div>
        <!-- 占位符 -->
        <div class="header"></div>
        <!-- banner图 -->
        <div class="banner abs">
            <div id="bannerBg" class="rel"></div>
            <!-- 粒子效果内容 -->
            <div class="container b-box" id="bannerCont">
                <div class="abs" id="bannerBox">
                    <!-- 右边文字  -->
                    <div class="container">
                        <h1>
                            助力行业巨头、独角兽企业
                        </h1>
                        <p class="mb-30 mt-10"> 已服务10万+企业客户</p>
                        <p>- 精选案例 -</p>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- 主体 区 -->
    <main>
        <!-- 左右布局 -->
        <div class="container" id="bank">
            <!-- 右边联动部分 -->
            <div class="rel">
                <ul id="bankList" class="abs"> 
                    <li>金融案例</li>
                    <li>企业案例</li>
                    <li>政务案例</li>
                    <li>更多伙伴</li>
                </ul>
            </div>
            <!-- 左边渲染部分 -->
            <section id="bankCard">
                <div class="financialCase rel " id="financialCase">      

                </div>               
                <div class="financialCase  rel">
                    <p class="mb-30 mt-10"><strong>更多伙伴 </strong>
                        <span class="fc-gainsboro"> /More Partners</span>
                    </p>
                    <div>
                        <ul class="bankList">
                            <li>
                                <img src="../imgs/more-partners-item04.svg" alt="">
                            </li>
                            <li><img src="../imgs/more-partners-item04.svg" alt=""></li>
                            <li><img src="../imgs/more-partners-item04.svg" alt=""></li>
                            <li><img src="../imgs/more-partners-item04.svg" alt=""></li>
                            <li><img src="../imgs/more-partners-item04.svg" alt=""></li>
                            <li><img src="../imgs/more-partners-item04.svg" alt=""></li>
                            <li><img src="../imgs/more-partners-item04.svg" alt=""></li>
                            <li><img src="../imgs/more-partners-item04.svg" alt=""></li>
                            <li><img src="../imgs/more-partners-item04.svg" alt=""></li>
                        </ul>
                    </div>
                </div>
            </section>
        </div>
    </main>
    <!-- 注释 :页脚部分 -->
    <footer class="mt-30">

        <div class="flex-c-sb container b-box">
            <div class="flex-c-sb contact-List">
                <ul>
                    <li>
                        <strong class="ta-mb">
                            联系与支持
                        </strong>
                    </li>
                    <li>400-882-7715
                    </li>
                    <li>
                        售前咨询
                    </li>
                    <li>
                        客服&售后

                    </li>
                    <li>
                        常见问题
                    </li>
                    <li>

                        极速工单
                    </li>
                    <li>
                        投诉与建议</li>
                </ul>

                <ul>
                    <li>
                        <strong class="ta-mb">
                            关于源码
                        </strong>
                    </li>
                    <li>400-882-7715
                    </li>
                    <li>
                        售前咨询
                    </li>
                    <li>
                        客服&售后

                    </li>
                    <li>
                        常见问题
                    </li>
                    <li>

                        极速工单
                    </li>
                    <li>
                        投诉与建议</li>
                </ul>
                <ul>
                    <li>
                        <strong class="ta-mb">
                            快速入口
                        </strong>
                    </li>
                    <li>400-882-7715
                    </li>
                    <li>
                        售前咨询
                    </li>
                    <li>
                        客服&售后

                    </li>
                    <li>
                        常见问题
                    </li>
                    <li>

                        极速工单
                    </li>
                    <li>
                        投诉与建议</li>
                </ul>

                <ul class="flex-f-c">

                    <li>
                        <strong class="ta-mb">
                            产品服务
                        </strong>
                    </li>
                    <li>400-882-7715
                    </li>
                    <li>
                        售前咨询
                    </li>
                    <li>
                        客服&售后

                    </li>
                    <li>
                        常见问题
                    </li>
                    <li>

                        极速工单
                    </li>
                    <li>
                        投诉与建议</li>
                </ul>
                <ul>
                    <li>
                        <strong class="ta-mb">
                            解决方案
                        </strong>
                    </li>
                    <li>400-882-7715
                    </li>
                    <li>
                        售前咨询
                    </li>
                    <li>
                        客服&售后

                    </li>
                    <li>
                        常见问题
                    </li>
                    <li>

                        极速工单
                    </li>
                    <li>
                        投诉与建议</li>
                </ul>


            </div>
            <ul class="vx">
                <li>
                    <strong class="ta-mb ">微信公众号</strong>
                </li>
                <li>
                    源码时代
                </li>
                <li>
                    <img src="../imgs/103-demo.png" width="95px">
                </li>
            </ul>
        </div>
        <div class="container flex-c-sb">
            <div>
                <img src="../imgs/bei2.png">
                <img src="../imgs/bei1.png">
                增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
            </div>
            <div>源码大数据股份有限公司©版权所有</div>
        </div>
    </footer>
    <!-- 引入工具盒js -->
    <script src="../js/uilt.js"></script>

    <!-- 引入banner样式 -->
    <script src="../lib/canvas-particle.js"></script>
    <!-- 注释:js样式部分 -->
    <script src="../js/customer.js"></script>
</body>

</html>